/* Arrow Sets */
.arrow span {
  display:block;
  width:0px;
  height:0px;
  border:14px solid transparent;
}

.arrow span:before {
  content:"";
  width:18px;
  height:22px;
  background-color:white;
}

/* Top arrow */
.arrow.top span {
  border-bottom-color:white;
  top:3px;
  left:20px;
}
.arrow.top span:before {
  bottom:-34px;
  left:-9px;
}

/* Right arrow */
.arrow.right span {
  border-left-color:white;
  top:20px;
  left:40px;
}
.arrow.right span:before {
  width:22px;
  height:18px;
  bottom:-9px;
  left:-34px;
}

/* Bottom arrow */
.arrow.bottom span {
  border-top-color:white;
  bottom:3px;
  left:20px;
}
.arrow.bottom span:before {
  top:-34px;
  left:-9px;
}

/* Left arrow */
.arrow.left span {
  border-right-color:white;
  top:20px;
  right:40px;
}
.arrow.left span:before {
  width:22px;
  height:18px;
  bottom:-9px;
  right:-34px;
}
